<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/shopping.css">
</head>
<body>
    <header class="header">
        <div class="conter-center">
        <a class="logo" href="">
            <div class="logo-img"></div>
            <span class="logo-name">黑鲨商城</span>
        </a>
        <div class="nav">
            <ul>
                <li><a href="">商城</a></li>
                <li><a href="">以旧换新</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>
        <div class="search">
            <span id="seacrhText">黑鲨4S Pro</span>
            <input type="text" id="search">
            <img src="../images/search.png" alt="">
        </div>
        <div class="Icon">
            <ul>
                <li><span class="iconfont icon-gouwuche"></span></li>
                <li><span class="iconfont icon-denglu"></span></li>
            </ul>
        </div>
        </div>
    </header>
   <div class="content">
  <div class="banner">
      <div class="banner-cont">
          <img src="../images/banner1.jpg" href=""></div>
  </div>
  <div class="price">
      <div class="content-price">
        <p>黑鲨4S系列</p>
         <div class="flex">
             <a href="">
                 <i class="tag">新品</i>
                 <div class="img-col">
                     <img src="../images/4s炫黑.jpg" alt="">
                 </div>
                 <p class="pro-name">黑鲨4S 玄黑</p>
                 <p class="pro-desc">高通骁龙870|120W超级闪充 磁动...</p>
                 <p class="pro-price">￥2699</p>
             </a>
             <a href="">
                <i class="tag">新品</i>
                <div class="img-col">
                    <img src="../images/4s雾白.jpg" alt="">
                </div>
                <p class="pro-name">黑鲨4S 雾白</p>
                <p class="pro-desc">高通骁龙870|120W超级闪充 磁动...</p>
                <p class="pro-price">￥2699</p>
             </a>
             <a href="">
                <i class="tag">新品</i>
                <div class="img-col">
                    <img src="../images/4s银河.jpg" alt="">
                </div>
                <p class="pro-name">黑鲨4S Pro 星河黑</p>
                <p class="pro-desc">高通骁龙888Plus|120W超级闪充...</p>
                <p class="pro-price">￥4799</p>
             </a>
             <a href=""><i class="tag">新品</i>
                <div class="img-col">
                    <img src="../images/4s天际.jpg" alt="">
                </div>
                <p class="pro-name">黑鲨4S Pro 天际白</p>
                <p class="pro-desc">高通骁龙888Plus|120W超级闪充...</p>
                <p class="pro-price">￥4799</p></a>
         </div>
      </div>
  </div>
  <div class="price">
    <div class="content-price">
      <p>黑鲨4系列</p>
       <div class="flex">
           <a href="">
               <i class="tag">推荐</i>
               <div class="img-col">
                   <img src="../images/4幻棱黑.png" alt="">
               </div>
               <p class="pro-name">黑鲨4 6GB+128GB 幻镜黑</p>
               <p class="pro-desc">骁龙870 磁动力升降肩键 120W极...</p>
               <p class="pro-price">￥2499</p>
           </a>
           <a href="">
            <i class="tag">推荐</i>
            <div class="img-col">
                <img src="../images/凌光灰.png" alt="">
            </div>
            <p class="pro-name">黑鲨4 12GB+256GB 凌光灰</p>
            <p class="pro-desc">骁龙870 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥3299</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/4pro签名版.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨4 Pro 16GB+512GB 棱...</p>
            <p class="pro-desc">骁龙888 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥5299</p>
           </a>
           <a href="">
            <i class="tag">推荐</i>
            <div class="img-col">
                <img src="../images/4幻镜黑.png" alt="">
            </div>
            <p class="pro-name">黑鲨4 8GB+128GB 幻镜黑</p>
            <p class="pro-desc">骁龙888 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥2699</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>热销外设</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/散热背夹2.png" alt="">
               </div>
               <p class="pro-name">黑鲨冰封散热背夹 2 Pro</p>
               <p class="pro-desc">快速制冷、温度屏显、炫彩静音、...</p>
               <p class="pro-price">￥199</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/冰封背夹2.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨冰封制冷背夹2 磁吸版</p>
            <p class="pro-desc">强劲内核，一秒降温，强磁吸附</p>
            <p class="pro-price">￥249</p>
           </a>
           <a href="">
            <i class="tag">热销</i>
            <div class="img-col">
                <img src="../images/游戏手柄.png" alt="">
            </div>
            <p class="pro-name">黑鲨游戏手柄3 通用套装</p>
            <p class="pro-desc">套装内含：黑鲨游戏手柄3—左手...</p>
            <p class="pro-price">￥159</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/蓝牙耳机.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨凤鸣真无线蓝牙耳机 超...</p>
            <p class="pro-desc">超低延迟|28小时长续航 |双麦ENC...</p>
            <p class="pro-price">￥299</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>新品外设</p>
       <div class="flex">
           <a href="">
               <i class="tag">新品</i>
               <div class="img-col">
                   <img src="../images/蓝牙耳机白.jpg" alt="">
               </div>
               <p class="pro-name">黑鲨凤鸣真无线蓝牙耳机 高...</p>
               <p class="pro-desc">超低延迟|28小时长续航 |双麦ENC...</p>
               <p class="pro-price">￥349</p>
           </a>
           <a href="">
            <i class="tag">新品</i>
            <div class="img-col">
                <img src="../images/冰封背夹白png.png" alt="">
            </div>
            <p class="pro-name">黑鲨冰封制冷背夹2 磁吸版 高...</p>
            <p class="pro-desc">超强磁吸设计|无需夹装|一贴即冷</p>
            <p class="pro-price">￥299</p>
           </a>
           <a href="">
            <i class="tag">新品</i>
            <div class="img-col">
                <img src="../images/高达手机壳.png" alt="">
            </div>
            <p class="pro-name">黑鲨铠甲磁吸导热保护壳 高...</p>
            <p class="pro-desc">独立导热区 | 支持各类黑鲨散热背...</p>
            <p class="pro-price">￥99</p>
           </a>
           <a href="">
            <i class="tag">新品</i>
            <div class="img-col">
                <img src="../images/蓝牙耳机.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨凤鸣真无线蓝牙耳机 超...</p>
            <p class="pro-desc">超低延迟|28小时长续航 |双麦ENC...</p>
            <p class="pro-price">￥299</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>黑鲨4Pro</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/4pro墨海黑.png" alt="">
               </div>
               <p class="pro-name">黑鲨4Pro 12GB+256GB 墨海黑</p>
               <p class="pro-desc">骁龙888 磁动力升降肩键 120W极...</p>
               <p class="pro-price">￥4499</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/4Pro棱镜灰.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨4Pro 12GB+256GB 棱镜灰</p>
            <p class="pro-desc">骁龙870 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥4499</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/4Pro16G棱镜灰.png" alt="">
            </div>
            <p class="pro-name">黑鲨4Pro 16GB+512GB 棱镜灰</p>
            <p class="pro-desc">骁龙888 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥5299</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/4Pro8G墨海黑.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨4Pro 8GB+256GB 墨海黑</p>
            <p class="pro-desc">骁龙888 磁动力升降肩键 120W极...</p>
            <p class="pro-price">￥3999</p>
           </a>
       </div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>音频/快充系列</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/绿线耳机.png" alt="">
               </div>
               <p class="pro-name">黑鲨凤鸣入耳式游戏耳机 Typ...</p>
               <p class="pro-desc">HIFI音质、弯头不挡手、防缠绕线...</p>
               <p class="pro-price">￥199</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/多绿线耳机.png" alt="">
            </div>
            <p class="pro-name">黑鲨3.5MM入耳式游戏耳机（...</p>
            <p class="pro-desc">HIFI音质、弯头不挡手、防缠绕线...</p>
            <p class="pro-price">￥199</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/黑绿耳机.png" alt="">
            </div>
            <p class="pro-name">黑鲨凤鸣入耳式游戏耳机 Typ...</p>
            <p class="pro-desc">磅礴低音、弯头不挡手、防缠绕线...</p>
            <p class="pro-price">￥99</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/多黑绿耳机.png" alt="">
            </div>
            <p class="pro-name">黑鲨3.5MM入耳式游戏耳机</p>
            <p class="pro-desc">磅礴低音、弯头不挡手、防缠绕线...</p>
            <p class="pro-price">￥99</p>
           </a>
       </div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>手机防护专区</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/铠甲导热保护套.png" alt="">
               </div>
               <p class="pro-name">黑鲨4/4Pro 铠甲导热保护壳...</p>
               <p class="pro-desc">独立导热区、完美适配黑鲨散热背...</p>
               <p class="pro-price">￥79</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/钢化膜.jpg" alt="">
            </div>
            <p class="pro-name">黑鲨4/4Pro 钢化膜</p>
            <p class="pro-desc">丝滑手感、2.5D超薄高透、附赠贴...</p>
            <p class="pro-price">￥39</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/导热保护壳.png" alt="">
            </div>
            <p class="pro-name">黑鲨铠甲磁吸导热保护壳</p>
            <p class="pro-desc">支持黑鲨各类散热背夹|独立导热区...</p>
            <p class="pro-price">￥99</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/荧光保护壳.png" alt="">
            </div>
            <p class="pro-name">黑鲨4/4 Pro荧彩保护壳（蓝...</p>
            <p class="pro-desc">炫彩荧光、周全保护</p>
            <p class="pro-price">￥39</p>
           </a>
       </div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>SWITCH专区</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/switch.jpg" alt="">
               </div>
               <p class="pro-name">任天堂 国行Switch游戏机 红蓝手柄主机 官方标配</p>
               <p class="pro-desc">承接欢乐时光，多种形态，随心畅玩</p>
               <p class="pro-price">￥2499</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/体感游戏手柄.jpg" alt="">
            </div>
            <p class="pro-name">任天堂 Joy-Con 游戏机体感手柄 左灰右灰 官方标配</p>
            <p class="pro-desc">多人游戏 分享喜悦</p>
            <p class="pro-price">￥549.00</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/专业游戏手柄.jpg" alt="">
            </div>
            <p class="pro-name">任天堂 switch 专业手柄 官方标配</p>
            <p class="pro-desc">专业手柄 畅快游戏</p>
            <p class="pro-price">￥459.00</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/健身环大冒险.jpg" alt="">
            </div>
            <p class="pro-name">任天堂 健身环大冒险 游戏套装 官方标配</p>
            <p class="pro-desc">运动轻松玩 快乐零负担</p>
            <p class="pro-price">￥499.00</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>线材系列</p>
       <div class="flex">
           <a href="">
            <i class="tag">新品</i>
               <div class="img-col">
                   <img src="../images/6A快充数据线.png" alt="">
               </div>
               <p class="pro-name">黑鲨风行6A快充数据线 超长弯头版</p>
               <p class="pro-desc">6A大电流|超窄弯头设计|高强度编织线材|锌合金外壳</p>
               <p class="pro-price">￥59</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/type-c直角充电线.png" alt="">
            </div>
            <p class="pro-name">黑鲨Type-C直角数据线</p>
            <p class="pro-desc">3A大电流、90°简约设计、编织铠甲线</p>
            <p class="pro-price">￥49</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/转lingt数据线.png" alt="">
            </div>
            <p class="pro-name">黑鲨Type-C转lightning数据线</p>
            <p class="pro-desc">高强度编织线材、超窄弯头设计、锌合金外壳、支持苹果20W快充功能</p>
            <p class="pro-price">￥69</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/lingting数据线.png" alt="">
            </div>
            <p class="pro-name">黑鲨Lightning数据线</p>
            <p class="pro-desc">高强度编织线材、超窄弯头设计、锌合金外壳、适配Lightning接口设备</p>
            <p class="pro-price">￥59</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>游戏操控外设</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/分体式游戏肩键.png" alt="">
               </div>
               <p class="pro-name">黑鲨分体式电竞手游肩键</p>
               <p class="pro-desc">零误触无延迟、电竞鼠标级手感</p>
               <p class="pro-price">￥2499</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/手游肩键.png" alt="">
            </div>
            <p class="pro-name">黑鲨电竞手游肩键</p>
            <p class="pro-desc">哑光合金按键，安卓苹果通用</p>
            <p class="pro-price">￥59</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/手柄3.png" alt="">
            </div>
            <p class="pro-name">黑鲨游戏手柄3</p>
            <p class="pro-desc">电竞手感，手柄套装</p>
            <p class="pro-price">￥159</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/双翼手柄-左.png" alt="">
            </div>
            <p class="pro-name">黑鲨双翼手柄-左手（H66L）</p>
            <p class="pro-desc">弹夹造型 电竞手感/方便携带/滑轨组合 秒变掌机/蓝牙连接/按键功能自定义，需搭配黑鲨游戏手机滑轨保护壳</p>
            <p class="pro-price">￥179</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>制冷散热外设</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/散热背夹2.jpg" alt="">
               </div>
               <p class="pro-name">黑鲨散热背夹2 磁吸版</p>
               <p class="pro-desc">强劲内核，一秒降温，强磁吸附</p>
               <p class="pro-price">￥249</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/冰封散热2Pro.png" alt="">
            </div>
            <p class="pro-name">黑鲨冰封散热背夹 2 Pro</p>
            <p class="pro-desc">快速制冷、温度屏显、炫彩静音、多尺寸设备通用</p>
            <p class="pro-price">￥199</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/散热背夹标准.jpeg" alt="">
            </div>
            <p class="pro-name">黑鲨冰封制冷背夹 标准版</p>
            <p class="pro-desc">（无RGB灯效）快速制冷、多尺寸设备通用</p>
            <p class="pro-price">￥159</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/冰封Pro.png" alt="">
            </div>
            <p class="pro-name">黑鲨冰封散热背夹 Pro</p>
            <p class="pro-desc">即插即用、强效制冷、1秒降温、多尺寸设备通用</p>
            <p class="pro-price">￥179</p>
           </a>
       </div>
       <div class="more">查看更多</div>
    </div>
</div>
<div class="price">
    <div class="content-price">
      <p>黑鲨防护装备</p>
       <div class="flex">
           <a href="">
               <div class="img-col">
                   <img src="../images/口罩.png" alt="">
               </div>
               <p class="pro-name">黑鲨一次性日常防护口罩</p>
               <p class="pro-desc">黑鲨一次性日常防护型口罩  三层防护高透气含熔喷布独立包装 50片/盒</p>
               <p class="pro-price">￥199</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/全包保护壳.png" alt="">
            </div>
            <p class="pro-name">黑鲨游戏手机 3/3S 全包保护壳（灰色）</p>
            <p class="pro-desc">全包保护壳、贴合保护、可搭配手柄</p>
            <p class="pro-price">￥59</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/鼠标垫加长版.png" alt="">
            </div>
            <p class="pro-name">黑鲨电竞鼠标垫加长款</p>
            <p class="pro-desc">防滑橡胶、精准鼠标追踪、超低响应</p>
            <p class="pro-price">￥159</p>
           </a>
           <a href="">
            <div class="img-col">
                <img src="../images/冰封Pro.png" alt="">
            </div>
            <p class="pro-name">黑鲨冰封散热背夹 Pro</p>
            <p class="pro-desc">即插即用、强效制冷、1秒降温、多尺寸设备通用</p>
            <p class="pro-price">￥179</p>
           </a>
       </div>
    </div>
</div>
</div>
<footer class="footer">
    <div class="content-center-md">
        <div class="footer-col">
            <ul class="footer-banner">
                <li>
                    <img src="../images/sevenday.png" alt="">
                    <p>7天无理由退货</p>
                </li>
                <li>
                    <img src="../images/fifteenday.png" alt="">
                    <p>质量问题15天换货</p>
                </li>
                <li>
                    <img src="../images/postage.png" alt="">
                    <p>满99元包邮</p>
                </li>
            </ul>
        </div>
        <div class="footer-col">
            <dl>
                <dt>相关链接</dt>
                <dd><a>黑鲨官网</a></dd>
                <dd><a>黑鲨论坛</a></dd>
                <dd><a>黑鲨云服务</a></dd>
            </dl>
            <dl>
                <dt>黑鲨客服热线</dt>
                <dd class="phone">400-015-8899</dd>
                <dd>产品咨询、技术支持及相关问题</dd>
                <dd>09：00 ~ 24：00</dd>
            </dl>
        </div>
        <div class="footer-col">
            <div class="copyright">赣B2-2020050&nbsp;&nbsp; | &nbsp;&nbsp;赣ICP备17012659号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp; 赣网文{2019} 0364-006号&nbsp;&nbsp; |&nbsp;&nbsp; 赣公网安备36010602000042&nbsp;&nbsp;Copyright  2017-2021 &nbsp;&nbsp;BlackShark 版权所有</div>
            <div class="attention">
                <span>关注我们：</span>
            </div>
        </div>
    </div>
</footer>

</body>
</html>